<template>
<<<<<<< HEAD
  <div class="recommend-wrapper">
    <div class="title">热门推荐</div>
    <div class="desc">
      <ul>
        <li class="item" v-for="(item, index) in recommendList" :key="index">
=======
  <div class="weekend">
    <div class="title">周末去哪玩</div>
    <div class="desc">
      <ul>
        <li class="item" v-for="(item, index) in weekend" :key="index">
>>>>>>> origin/index-recommend
          <div class="item-img">
            <img :src="item.imgUrl" alt="">
          </div>
          <div class="item-info">
<<<<<<< HEAD
            <p class="info-title">{{ item.title }}</p>
            <div class="info-rating">
              <span class="star">☆☆☆☆☆</span><span class="count">{{ item.count }}条评论</span>
            </div>
            <div class="info-price">
              <span class="money">￥{{ item.money }}</span><span>起</span><span class="info-address">{{ item.address }}</span>
            </div>
          </div>
=======
            <p class="item-title">{{ item.title }}</p>
            <p class="item-desc">{{ item.desc }}</p>
          </div>
          <div class="split"></div>
>>>>>>> origin/index-recommend
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
<<<<<<< HEAD
    name: 'HomeRecommend',
    data () {
      return {
        recommendList: [{
          id: '0001',
          imgUrl: 'http://img1.qunarzz.com/sight/p0/1508/89/895a1b7add84f23faca053ce9e3153db.water.jpg_200x200_99ae30ee.jpg',
          title: '北京欢乐谷',
          count: '75634',
          money: '195',
          address: '朝阳区'
        },{
          id: '0001',
          imgUrl: 'http://img1.qunarzz.com/sight/p0/1903/5d/5dcaf453dfd6f5dba3.img.jpg_200x200_51d03f19.jpg',
          title: '北京欢乐谷',
          count: '75634',
          money: '195',
          address: '朝阳区'
        },{
          id: '0001',
          imgUrl: 'http://img1.qunarzz.com/sight/p0/201308/08/41150dacc0e3a0c8c8d65eac.jpg_200x200_c62292e9.jpg',
          title: '北京欢乐谷',
          count: '75634',
          money: '195',
          address: '朝阳区'
        },{
          id: '0001',
          imgUrl: 'http://img1.qunarzz.com/sight/p0/1409/19/adca619faaab0898245dc4ec482b5722.jpg_200x200_1bc99086.jpg',
          title: '北京欢乐谷',
          count: '75634',
          money: '195',
          address: '朝阳区'
        }]
=======
    name: 'Weekend',
    data () {
      return {
        weekend: [{
          id: '0001',
          imgUrl: 'http://img1.qunarzz.com/sight/source/1811/f3/86173f863bef61.jpg_r_640x214_52b003ac.jpg',
          title: '北京欢乐谷',
          desc: '在帝都过周末，不仅仅是城中有，也是什么游玩啊'
        },{
          id: '0001',
          imgUrl: 'http://img1.qunarzz.com/sight/source/1811/f3/86173f863bef61.jpg_r_640x214_52b003ac.jpg',
          title: '北京欢乐谷',
          desc: '在帝都过周末，不仅仅是城中有，也是什么游玩啊'
        },{
          id: '0001',
          imgUrl: 'http://img1.qunarzz.com/sight/source/1811/f3/86173f863bef61.jpg_r_640x214_52b003ac.jpg',
          title: '北京欢乐谷',
          desc: '在帝都过周末，不仅仅是城中有，也是什么游玩啊'
        },]
>>>>>>> origin/index-recommend
      }
    }
}
</script>

<style lang="stylus" scoped>
<<<<<<< HEAD
  .recommend-wrapper
=======
  .weekend
>>>>>>> origin/index-recommend
    padding: .1rem 0
    .title
      margin-bottom: .1rem
      line-height: .5rem
      background: #eee
      font-weight: bold
      text-indent: .1rem
    .desc
<<<<<<< HEAD
      padding: 0 .1rem
      .item
        display: flex
        margin-top: .1rem
        .item-img
          width: 93.8px
          img
            width: 100%
        .item-info
          flex: 1
          margin-left: .2rem
          .info-title
            margin: .4rem 0 .2rem 0
          .info-rating
            margin: .2rem 0
            .star
              margin-right: .4rem
            .count
              font-size: .2rem
          .info-price
            .money
              font-size: .4rem
            .info-address
              margin-left: 3rem
=======
      .item
        .item-img
          width: 100%
          height: 36.6vw
          background: blue
          img
            width: 100%
        .item-info
          padding: .15rem 0
          .item-title
            margin: .1rem
          .item-desc
            margin-left: .1rem
            max-width: 5rem
            overflow:hidden
            white-space: nowrap
            text-overflow: ellipsis
        .split
          height: .1rem
          background: #eee
>>>>>>> origin/index-recommend
</style>
